<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>练手二5</title>
<!--<link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />-->
<link rel="stylesheet" type="text/css" href="../css/second5.css"/>
</head>

<body>
<ul class="imglist">
  <li ><img  src="../images/1.jpg" alt="BMW 宝马汽车"/> </li>
  <li><img  src="../images/2.jpg" alt="Alfa Romeo 阿尔法-罗米欧"/> </li>
  <li><img  src="../images/3.jpg" alt="Skoda 斯柯达"/></li>
  <li> <img  src="../images/4.jpg" alt="Volkswagen 大众汽车"/></li>
  <li><img  src="../images/5.jpg" alt="Saab 萨布牌轿"/></li>
  <li> <img  src="../images/6.jpg" alt="Lamborghini 兰博基尼"/></li>
  <li> <img  src="../images/7.jpg" alt="Porsche 保时捷"/></li>
  <li><img  src="../images/8.jpg" alt="Peugeot 标致"/></li>
  <li> <img  src="../images/9.jpg" alt="Mercedes1 梅赛德斯 奔驰"/></li>
  <li>  <img  src="../images/10.jpg" alt="Buick 别克汽车"/></li>
</ul>
<div class="outer">
  <h2>名车车标展示-鼠标移过显示车标</h2>
  <ul>
    <li > 
         <a href="#" title="BMW 宝马汽车"><strong>BMW</strong>宝马汽车</a>
         <img  src="../images/1.jpg" alt="BMW 宝马汽车"/> 
   </li>
    <li> 
        <a href="#" title="Alfa Romeo 阿尔法-罗米欧"><strong>Alfa Romeo</strong>阿尔法-罗米欧</a> 
        <img  src="../images/2.jpg" alt="Alfa Romeo 阿尔法-罗米欧"/> 
    </li>
    <li>
        <a href="#" title="Skoda 斯柯达"><strong>Skoda</strong>斯柯达</a>
        <img  src="../images/3.jpg" alt="Skoda 斯柯达"/>
    </li>
    <li>
        <a href="#" title="Volkswagen 大众汽车"><strong>Volkswagen</strong>大众汽车</a>
        <img  src="../images/4.jpg" alt="Volkswagen 大众汽车"/>
    </li>
    <li>
        <a href="#"  title="Saab 萨布牌轿"><strong>Saab</strong>Saab 萨布牌轿</a>
        <img  src="../images/5.jpg" alt="Saab 萨布牌轿"/>
    </li>
    <li>
        <a href="#"  title="Lamborghini 兰博基尼"><strong>Lamborghini</strong>兰博基尼</a>
        <img  src="../images/6.jpg" alt="Lamborghini 兰博基尼"/>
    </li>
    <li>
        <a href="#"  title="Porsche 保时捷"><strong>Porsche</strong>保时捷</a>
        <img  src="../images/7.jpg" alt="Porsche 保时捷"/>
    </li>
    <li>
        <a href="#"  title="Peugeot 标致"><strong>Peugeot</strong>标致</a>
        <img  src="../images/8.jpg" alt="Peugeot 标致"/>
    </li>
    <li>
        <a href="#"  title="Mercedes1 梅赛德斯 奔驰"><strong>Mercedes1</strong>梅赛德斯 奔驰</a>
        <img  src="../images/9.jpg" alt="Mercedes1 梅赛德斯 奔驰"/>
    </li>
    <li>
        <a href="#"  title="Buick 别克汽车"><strong>Buick</strong>别克汽车</a>
        <img  src="../images/10.jpg" alt="Buick 别克汽车"/>
    </li>
  </ul>
</div>
<ul id="box">
<li class="first"><img src="../images/second5/big_1.jpg"/></li>
<li><img src="../images/second5/big_1.jpg"/></li>
<li><img src="../images/second5/big_2.jpg"/></li>
<li><img src="../images/second5/big_3.jpg"/></li>
<li><img src="../images/second5/big_4.jpg"/></li>
<li><img src="../images/second5/big_5.jpg"/></li>
<li><img src="../images/second5/big_6.jpg"/></li>
<li><img src="../images/second5/big_7.jpg"/></li>
<li><img src="../images/second5/big_8.jpg"/></li>
<li><img src="../images/second5/big_9.jpg"/></li>
<li><img src="../images/second5/big_10.jpg"/></li>
<li><img src="../images/second5/big_11.jpg"/></li>
</ul>
<script src="../js/jquery-3.0.0.js"></script> 
<script src="../js/bootstrap.min.js"></script> 
<script src="../js/second5.js"></script>
</body>
</html>
